<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>交易记录</title>
    <script src="__JS__/ios-web-app.js"></script>
    <script src="__JS__/rolldate.min.js"></script>
    <script src="__JS__/jquery-1.7.2.min.js"></script>
    <!--<script src="__JS__/layer/layer.js"></script>-->
    <script src="__PUBLIC__/lib/layer/layer.js"></script>
</head>

    <header class="normal_header" style="margin-top: 38px">
        <div class="header_pic" style="width: 100%">
            <a href="{:U('user/index')}" style="display: flex;align-items: center;justify-content:flex-start"><img src="__IMG__/ex/back_black.png" alt="" style="width:8px;padding-right:.2rem">
            <p>交易记录</p>
            </a>
        </div>
        <div class="header_pic" style="width:2.4rem;">
            <form  action="{:U('User/earnings')}" method="get">
<!--            <img src="__IMG__/ex/shaixuan.png" alt="" style="width:.3rem;position: absolute;right:.5rem;top: .3rem;">-->
            <input readonly class="form-control" type="text" id="date-group1-2" name="start_time" placeholder="查询" style="width: 1.85rem;">
                <button  type="submit" style="background: transparent;position: absolute;top:1rem;right: .1rem;"> <img src="__IMG__/ex/search.png" alt=""  style="width:.4rem;" id="btn_search"></button>
            </form>
        </div>
    </header>
    <section class="change_content">
        <!--<div class="record_tit">-->
            <!--<span class="active">静态</span>-->
            <!--<span>动态</span>-->
            <!--<span>节点</span>-->
        <!--</div>-->
        <ul class="mrecord">
            <li>
                <!--<span>会员账户</span>-->
                <span>来源</span>
                <span>时间</span>
                <span>账单</span>
            </li>
            <php>
                $level=C('leader');
                $agent=C('agent_level');
            </php>
            <volist name="data" id="vo">
                <li class="listx">
                    <!--<span>{$vo.username}</span>-->
                    <span>{$vo.from}</span>
                    <span>{$vo.create_time|date='H:i m/d',###}</span>
                    <span>
                        <if condition="$vo.type eq 9">
                            {$vo.amount}({$level[$vo['flag_cha']]})
                            <elseif condition="$vo.type eq 10"/>
                            {$vo.amount}({$agent[$vo['flag_cha']]})
                            <else />
                            {$vo.amount}
                        </if>

                    </span>
                </li>
            </volist>
            <style>
                .listx span{
                    display: inline-block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            </style>
            <!--<li>-->
                <!--<span>17398200290</span>-->
                <!--<span>2019-05-27 12:20</span>-->
                <!--<span>10.00（兑换）</span>-->
            <!--</li>-->
            <!--<li>-->
                <!--<span>17398200290</span>-->
                <!--<span>2019-05-27 12:20</span>-->
                <!--<span>10.00（兑换）</span>-->
            <!--</li>-->
            <!--<li>-->
                <!--<span>17398200290</span>-->
                <!--<span>2019-05-27 12:20</span>-->
                <!--<span>10.00（兑换）</span>-->
            <!--</li>-->
            <!--<li>-->
                <!--<span>17398200290</span>-->
                <!--<span>2019-05-27 12:20</span>-->
                <!--<span>10.00（兑换）</span>-->
            <!--</li>-->
        </ul>
    </section>
<style>
    /*.mrecord li span:first-child,.mrecord li span:nth-child(2){*/
        /*width: 15%;*/
    /*}*/
    .mrecord li span:nth-child(3){
        width: 40%;
        flex-shrink: 0;
    }
    .mrecord li span:nth-child(4){
        width: 45%;
    }
    .normal_header{
        padding-right: 0;
    }
</style>
<script>
    window.onload = function(){
        new Rolldate({
            el: '#date-group1-2',
            format: 'YYYY-MM-DD',
            beginYear: 2020,
            endYear: 2100
        })
    }

</script>
</html>